// bootstrap-table表格的初始化
$(function () {
    $("#table").bootstrapTable({
        //请求方式  get请求中文会乱码，建议使用post请求
        method: 'post',
        //请求头部的设置
        contentType: 'application/json',
        //url
        url: 'itemMap',
        //设置交替行样式
        striped: true,
        //初始显示页号
        pageNumber: 1,
        //设置表格高度
        //height: 350,
        //是否显示分页
        pagination: true,
        //设置是服务端分页还是客户端分页
        sidePagination: 'server',
        //页大小
        pageSize: 5,
        //分页列表
        pageList: [3, 5, 6, 10],
        //上传到服务端的参数
        queryParams: function (params) {
            return {
                // 计算页号(当前页)
                pageNum: (params.offset / params.limit) + 1,
                // 计算页大小
                pageSize: params.limit,
                // 查询条件
                deptno: $("#deptno").val(),
                ename: $("#ename").val(),
                time1: $("#time1").val(),
                time2: $("#time2").val(),
                sex: $("#sex").val()
            };
        },
        // 定义列名
        columns: [
            {title: '编号', field: 'empno', align: 'center'},
            {title: '姓名', field: 'ename', align: 'center'},
            {title: '工作类型', field: 'job', align: 'center'},
            {title: '入职日期', field: 'hiredate', align: 'center'},
            {title: '薪水', field: 'sal', align: 'center'},
            {title: '部门', field: 'deptno', align: 'center'},
            {title: '操作', field: 'empno', align: 'center',
                formatter: function (value, row, index) {
                    //方式1
                    /*var btn1="<button  class='btn btn-primary btn-sm' data-toggle='modal' onclick='editEmp("+JSON.stringify(row)+")' data-target='#myModal'>修改</button>";*/
                    //方式2
                    var btn1 = "<button class=\"btn btn-primary btn-sm\" data-toggle=\"modal\" onclick=\"editRow(this,"+row.empno+")\" data-target=\"#myModal\">编辑</button>";
                    var btn2 = "<button class=\"btn btn-warning  btn-sm\" >删除</button>";
                    return btn1 + "&emsp;" + btn2;
                }
            }
        ]
    })

    $("#submit_select").click(function () {
        //刷新 bootstrapTable 这个组件，就是重新加载
        $("#table").bootstrapTable("refresh");
    })
})